<ui:composition template="../template/plantilla_01.xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core">


   <ui:define name="panelCentral">

       <h:form>

           <p:growl showDetail="true" />

           <p:panel header="Selección de clientes" style="min-height: 400px;" >

               <p:messages showDetail="true" />

               <h:outputText value="Ingrese busqueda: " />
               <p:inputText id="txtBusqueda" value="#{clienteBean.contenido}" size="30" />

               <p:tooltip for="txtBusqueda"  showEffect="fade" hideEffect="fade" >

                   <span style="font-weight: bold;">
                      Ingrese número de cuenta o razon social del cliente a buscar
                      <br/>
                      Al no ingresar valores se buscan todos los clientes
                   </span>
                   
               </p:tooltip>

               <p:commandButton icon="find16" value="Buscar"
                                actionListener="#{clienteBean.buscarClientes}"
                                update="tCliente"  />

               <p:spacer height="10" width="800" />

               <p:dataTable id="tCliente" value="#{clienteBean.lista}"
                            var="c"
                            scrollable="true"
                            scrollHeight="260"
                            emptyMessage="No se encontraron clientes" >

                   <p:column headerText="Nro Cuenta" style="width: 100px;" >
                       <h:outputText value="#{c.nrocta}" />
                   </p:column>

                   <p:column headerText="Razón social" style="width: 400px;">
                       <h:outputText value="#{c.nombre}" />
                   </p:column>

                   <p:column headerText="" style="width: 60px; font-size: 10px; ">
                       <p:commandButton icon="ok16"
                                        action="#{usuarioSessionBean.seleccionarClienteVendedor(c)}"
                                        title="Seleccionar cliente"
                                        update="@form"  >
                           <f:setPropertyActionListener value="#{null}" target="#{carritoBean.carrito}" />
                           <f:setPropertyActionListener value="#{null}" target="#{catalogoBean.catalogo}" />
                       </p:commandButton>
                   </p:column>

               </p:dataTable>

               <p:spacer height="10" width="900" />

               <h:outputText value="Cliente seleccionado: " style="font-size: 18px;vertical-align: middle;" />
               <h:outputText value="#{usuarioSessionBean.usuario.cliente.nombre}"
                     style="font-size: 18px; font-weight: bold; vertical-align: middle;" />

               <p:spacer height="10" width="800" />

               <ui:include src="../template/ajaxStatus-I.xhtml" />

           </p:panel>

       </h:form>
   </ui:define>



</ui:composition>

    
    